import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';


const city=[
  {id:1,code:'BC',name:"British Columbia"},
  {id:2,code:'MB',name:"Manitoba"},
  {id:3,code:'NB',name:"New Brunswick"},
  {id:4,code:'NL',name:"Newfoundland"},
  {id:5,code:'NT',name:"Northwest Territories"},
  {id:6,code:'AB',name:"Alberta"},
  {id:7,code:'NS',name:"Nova Scotia"},
  {id:8,code:'NU',name:"Nunavut"},
  {id:9,code:'ON',name:"Ontario"},
  {id:10,code:'PE',name:"Prince Edward Island"},
  {id:11,code:'QC',name:"Québec"},
  {id:12,code:'SK',name:"Saskatchewan"},
  {id:13,code:'YT',name:"Yukon"},
]



const divdemo=(
    <ul>
      <li>Income Tax Calculator</li>
      <li>
        <select>
          <option>Choose province or territory</option>
          {city.map(item => <option  key={item.id}> {item.name} </option>)}
          
        </select>  
      </li>
      <li>
        <input type='text' placeholder='Employment income'></input>
      </li>
      <li>
        <input type='text' placeholder='Self-employment income'></input>
      </li>
      <li>
        <input type='text' placeholder='RRSP deduction'></input>
      </li>
      <li>
        <input type='text' placeholder='Capital gains'></input>
      </li>
      <li>
        <input type='text' placeholder='Eligible dividends'></input>
      </li>
      <li>
        <input type='text' placeholder='Ineligible Dividends'></input>
      </li>
      <li>
        <input type='text' placeholder='Other income (incl. CERB/CESB)'></input>
      </li>
      <li>
        <input type='text' placeholder='Income taxes paid'></input>
      </li>
      
      <li>
        <button>Calculator</button>
      </li>
  </ul>


)

ReactDOM.render(
  divdemo,
  document.getElementById('root')
);

// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals();
